/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 27, 2014, 1:04:37 PM
    Author     : Saptarshi
*/

/*** Fonts ***/
/*** Rockwell ***/
@font-face {
 font-family: 'Rockwell';
 src: url(../FONTS/Rockwell/Rockwell.eot);
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Rockwell';
 src: url(../FONTS/Rockwell/Rockwell.otf);
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Rockwell';
 src: url(../FONTS/Rockwell/Rockwell.svg);
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Rockwell';
 src: url(../FONTS/Rockwell/Rockwell.ttf);
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Rockwell';
 src: url(../FONTS/Rockwell/Rockwell.woff);
 font-weight: normal;
 font-style: normal;
}
/*** Segoe UI***/
@font-face {
 font-family: 'Segoe UI';
 src: url(../FONTS/SegoeUI/segoeui.eot);
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Segoe UI';
 src: url(../FONTS/SegoeUI/segoeui.svg);
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Segoe UI';
 src: url(../FONTS/SegoeUI/segoeui.ttf);
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'Segoe UI';
 src: url(../FONTS/SegoeUI/segoeui.woff);
 font-weight: normal;
 font-style: normal;
}

/*** Layout ***/

body {
 	font-family: Segoe UI, Arial;
	padding:0;
	margin: 0;
	color: #fff;
    background-color: #000;
	height: 100%;
}
h1,h2,h3,h4,h5,h6{margin:0px;color:#FC8312;}
input[type="text"]::-webkit-input-placeholder {
color: #5a5855 !important;
font-family:'Segoe UI' !important;
}
 
input[type="text"]:-moz-placeholder { /* Firefox 18- */
color: #5a5855 !important;  
font-family:'Segoe UI' !important;
}
 
input[type="text"]::-moz-placeholder {  /* Firefox 19+ */
color: #5a5855 !important;  
font-family:'Segoe UI' !important;
}
 
input[type="text"]:-ms-input-placeholder {  
color: #5a5855 !important;  ===
}
input[type="password"]::-webkit-input-placeholder {
color: #5a5855 !important;
font-family:'Segoe UI' !important;
}
 
input[type="password"]:-moz-placeholder { /* Firefox 18- */
color: #5a5855 !important;  
font-family:'Segoe UI' !important;
}
 
input[type="password"]::-moz-placeholder {  /* Firefox 19+ */
color: #5a5855 !important;  
font-family:'Segoe UI' !important;
}
 
input[type="password"]:-ms-input-placeholder {  
color: #5a5855 !important;  
}
html {overflow-x:auto;height:100%;}
/*----[Reduced Eric Meyer Reset]----*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* Can be replaced by any other suitable method */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;     /* triggers hasLayout */
	display: block;     /* resets display for IE/Win */
}
* html .clearfix {
	overflow: hidden;
}
.clear {
	clear: both;
}
.background{
        background-image: url(../IMAGES/bk.jpg);
        background-size: cover;
        position:fixed;
        top:50px;
        height: 100%;
        width: 100%;
        z-index: -1;
        opacity: 0.4;
}
.LoginCss{width:400px;margin:10px 50px 0 0;font-size:13px;color:#ffad54;float:right;text-align:right;display:block;background-color:transparent;z-index:9999;position:fixed}
.logo{position: fixed; background-image: url(../IMAGES/logo.png);background-size: cover;top:5px;left: 13px;height: 50px;width: 50px;z-index: 2010;}

/*** Timeline Elements ***/
ul.tl-main{border-left: 1px dashed #fff;margin-left: 110px;margin-top:50px;background-color: rgba(57,23,9,0.4);width: 67%;position:relative}
ul.tl-main li{padding: 25px 20px 25px 60px;}

ul.tl-main li .short-desc{display: inline-block;width: 400px;overflow: hidden;}
ul.tl-main li .short-desc h4{font-size: 13px; font-weight: normal; text-transform: uppercase;}
ul.tl-main li .short-desc p{font-size: 13px;height: 40px; overflow: hidden;}
ul.tl-main li .disp-img{height: 72px;width:  72px; border-radius: 160px; display: inline-block; border: 2px solid #fff;position: absolute; margin-left: -99px;background-color: #000;cursor:pointer;margin-top: -9px;}
ul.tl-main li .disp-img img{height: 100%; width: 100%;border-radius: 50%; position: relative;}


ul.tl-main li .gen-date{position: absolute;margin-left: -190px;width: 82px;text-align: right;font-family: Rockwell;font-size: 12px;margin-top: 4px;}
ul.tl-main li .gen-date.upcoming{margin-top: 19px;margin-left: -170px;opacity: 0.6;}
ul.tl-main li .gen-date span{display: block;}
ul.tl-main li .gen-date .day{color: #e38e3e; font-size: 20px;}
ul.tl-main li .gen-date .month{color: #e38e3e;}

ul.tl-main li.focus .gen-date{margin-top: 155px;margin-left: -148px;text-align: center;width: 170px;display: none;}
ul.tl-main li.focus .gen-date span{display: inline;}
ul.tl-main li.focus .gen-date .day{color: #fff; font-size: 20px;display: block;}
ul.tl-main li.focus .gen-date .year{color: #e38e3e;}

ul.tl-main li.focus .countdown{position: absolute;margin-top: 155px;margin-left: -148px;text-align: center;width: 170px;font-family: Rockwell;font-size: 12px;color: #e38e3e;}
ul.tl-main li.focus .countdown .timeleft{color: #fff;font-size: 20px;}

ul.tl-main li .focus-desc{height: auto;overflow: hidden;}
ul.tl-main li .focus-desc div{display: inline-block; position: relative;vertical-align: top;padding-left: 8%;}
ul.tl-main li .focus-desc div.desc-1{width: 45%; }
ul.tl-main li .focus-desc div.desc-2{width: 35%; }
ul.tl-main li .focus-desc div.desc-1 h3{font-size: 18px; font-weight: bold; text-transform: uppercase;color: #E38E3E;font-family: Rockwell;text-transform: uppercase;}
ul.tl-main li .focus-desc div p{font-size: 13px;height: 78px; overflow: hidden;}
ul.tl-main li .focus-desc div.desc-1 p.date-time{height: auto;font-size: 16px; font-weight: bold;padding-left: 35px;background-image: url(../IMAGES/Icons/calendar.png);background-repeat: no-repeat; background-position: 0px 0px;}
ul.tl-main li .focus-desc .behindsc-wrap{padding-left: 55px;background-image: url(../IMAGES/Icons/masks.png); background-repeat: no-repeat; background-position: 0px 0px;display: block; width: 76%;}
ul.tl-main li .focus-desc div.desc-2 h3{font-size: 16px; font-weight: normal;color: #E38E3E;}
ul.tl-main li .focus-desc div.desc-2 a{font-size: 16px; font-weight: bold; text-decoration: underline;color: #E38E3E;cursor:pointer;}
ul.tl-main li .focus-desc .creator{font-size: 12px;color: #fff;display: inline-block;line-height: 14px;margin-right: 7px;padding: 0;}
ul.tl-main li .focus-desc .creator span{font-size: 10px; color: #ffad54;}

ul.tl-main li.focus .short-desc{height: 0px;}
/*ul.tl-main li.focus .disp-img{height: 80px;width:  80px; border-radius: 45px;margin-left: -82px;margin-top: 0px;} 
ul.tl-main li.focus .focus-desc{display: block;height: 100px;/*Animate}/* Animate */

/*ul.tl-main li:hover{background: rgba(0,0,0,0.8);transition: 0.5s;}*/
ul.tl-main li:hover .disp-img{border-color: #E38E3E;height: 80px;width:80px;transition: 0.5s;margin-top: -12px;margin-left: -102px; };
ul.tl-main li.blank:hover{background: none !important;}
ul.tl-main li:hover .short-desc{margin-left: 5px; transition: 0.5s;}
ul.tl-main li.min:hover .short-desc{margin-left: 0px; }
/*ul.tl-main li:hover .short-desc{-webkit-animation: short-desc-hide 1s forwards; animation: short-desc-hide 1s forwards;}
ul.tl-main li:hover .disp-img{height: 80px;width:  80px; border-radius: 45px;margin-left: -82px;margin-top: 0px; Animate } 
ul.tl-main li:hover .focus-desc{-webkit-animation: focus-desc-show 1s forwards; animation: focus-desc-show 1s forwards;}*/
ul.tl-main li .disp-img{text-align: center;}
ul.tl-main li .disp-img:hover img{opacity: 0.4 !important;transition: .5s;text-align: center;}
ul.tl-main li .disp-img:hover::before{content: 'More Inside';position: absolute;font-size: 14px; padding: 20px 18px;transition-delay: 2s;z-index: 1;color:#E38E3E;}
ul.tl-main li.min .disp-img:hover::before{content: '';}
ul.tl-main li.focus .disp-img:hover::before{content: 'See More Inside';position: absolute;font-size: 14px; padding: 34px 15px;transition-delay: 1s;z-index: 1;color:#E38E3E;}
ul.tl-main li.focus:hover .disp-img:hover::before{content: 'See More Inside';position: absolute;font-size: 18px; padding: 54px 40px;transition-delay: 1s;z-index: 1;color:#E38E3E;}

ul.tl-main li.min .short-desc{display: block;color: #F5F291;/* Animate */}
ul.tl-main li.min .disp-img{height: 34px;width:  34px; border-radius: 34px;margin-left: -79px;margin-top: 10px;/* Animate */}
ul.tl-main li.min .disp-img img{display: none;}
ul.tl-main li.min .focus-desc{display: none;/*Animate*/}

ul.tl-main li.blank.top{height: 100px; display: block;}
ul.tl-main li.blank.bottom{height: 400px; display: block;}


ul.tl-main li.focus{background: rgba(0,0,0,0.8);transition: 1s;margin-bottom: 20px;padding: 50px 20px 25px 60px;}
ul.tl-main li.focus .disp-img{border-color: #E38E3E;border-width: 3px; height: 164px;width: 164px;margin-left: -148px;margin-top:-25px};
ul.tl-main li.focus:hover .disp-img{height: 164px;width: 164px;margin-left: -148px;margin-top:-25px;}
ul.tl-main li.focus .disp-img:hover{height: 164px;width: 164px;margin-left: -148px;margin-top:-25px;}
ul.tl-main li.focus

.dot-link{margin-top: 3px; margin-bottom: 14px;display: block;cursor: pointer;opacity: 0.8;}
.dot-link i{display: inline-block; height: 4px; width: 4px; border-radius: 3px; background-color: #fff;margin-right: 5px;vertical-align: middle;}
.dot-link:hover{opacity: 1;}
.dot-link.E38E3E i{background-color: #E38E3E;}

/*** Condensed Timeline ***/


/*** Menu ***/
.menu{position:fixed; height:100%;background-color: rgba(0,0,0,.6);right:0px;width:80%;top:45px;margin-right: -65%;transition: 1s;z-index: 2001;cursor: pointer;}
.menu .arrow{width: 0;height: 0;border-style: solid;border-width: 15px 20px 15px 0;border-color: transparent #000000 transparent transparent;position: absolute;top: 50%;margin-left: -20px;opacity: 0;}
.menu:hover{margin-right: -58%;transition: 0.5s;}
.menu:hover .arrow{opacity: 0.6;transition: 0.5s;}
.menu ul{padding-left: 40px;margin-top:25px;}
.menu ul li{}
.menu ul li h3{font-size: 16px;color: #E38E3E;margin-bottom:  10px;}
.menu ul li .content{font-size: 13px;margin-bottom: 20px;line-height: 20px;max-height: 65px; overflow: hidden;transition: 1s;}
.menu li .content p{margin-bottom: 0px;}
.menu.open ul li .content{max-height: none;transition: 1s;}
.menu .list-interior{margin-top: 0px;}
.menu .list-interior li{list-style-type: circle;}

.menu input[type='text'], .menu textarea{width: 90%;background-color: transparent;line-height: 26px;padding-left: 7px;color: #F2F2F2;margin-bottom: 2px;}
.menu textarea{font-family: Segoe UI;resize: none;height:75px;color: #F2F2F2;overflow: auto;line-height: 14px;transition: 0.5s;width: 95%;}
.menu textarea:focus{height:75px; transition: .5s;}
.menu input[type='submit']{width:95px;height:55px;margin-top:10px;border-radius:2px;border:none;font-size:14px;background-color:#FA9121;color:#fff;text-align:center;font-weight:600;cursor:pointer;outline:none;padding:8px;}
.menu input:hover[type='submit']{background:#FC8312;color:#fff;box-shadow: 0 0 5px rgba(31, 73, 125, 0.1)}


.ico-links-container{text-align: right;padding: 10px 10px 20px 0px;position: fixed; right: 0px;}
.ico-links{display: inline-block; height: 50px; width: 50px;opacity: 0.8;cursor: pointer;}
.ico-links:hover{opacity: 1; transition: 0.5s;}
.ico-links.contact{background-image: url(../IMAGES/Icons/contact.png);}
.ico-links.facebook{background-image: url(../IMAGES/Icons/facebook.png);}

/*** Round Overlay ***/
.round-overlay{border-radius: 2000px;position: absolute;background-color: #fff;display: block;top: 0px;left:0px;z-index: 2100;}

/*** Expanded View ***/
.expanded-view{
    position: fixed;
    height:100%;
    top:50px;
    display: block;
    left: 0px;
    width: 75%;
    display: none;
    overflow:hidden;
}
.expanded-item{/*box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.6) inset;opacity:0;transition: opacity 0.5s linear;display: none;*/position: relative;height:94vh;}
.expanded-item.active{/*display: block;opacity: 1;transition: opacity 0.5s linear;*/}
.expanded-item .carousal{position: absolute;width: 100%;z-index: 0;height:94vh;overflow: hidden;}
.expanded-item .carousal .carousal-image-container{width: 400%;}
.expanded-item .carousal img{display: inline-block;vertical-align: top;margin-right: -5px;}
.expanded-item .carousal img.active{}
.expanded-item .written-content{
    position: absolute;
    display: block;
    bottom: 0px;
    height: auto;
    width: 100%;
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 98%); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(0deg, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 98%); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 98%); /* For Firefox 3.6 to 15 */
    background: linear-gradient(0deg, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 98%); /* Standard syntax */
    font-size: 13px;
    padding-bottom: 50px;
}
.expanded-item .written-content .desc-1{
    display: inline-block;
    width: 40%;
    padding: 0px 40px 0px 170px;
    margin-top: 100px;
}
.expanded-item .written-content .desc-2{
    display: inline-block;
    width: 20%;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    padding-top: 50px;
    margin-top: 100px;
}
.expanded-item .written-content .creator{font-size: 14px;color: #fff;display: inline-block;line-height: 14px;margin-right: 7px;}
.expanded-item .written-content .creator span{font-size: 10px; color: #ffad54;}

.expanded-item .written-content .desc-1 p.date-time{height: auto;font-size: 16px;font-weight: bold;padding-left: 35px;background-image: url(../IMAGES/Icons/calendar.png);background-repeat: no-repeat; background-position: 0px 0px;min-height: 30px;margin-top: 15px;}
.expanded-item .written-content .behindsc-wrap{padding-left: 55px;background-image: url(../IMAGES/Icons/masks.png); background-repeat: no-repeat; background-position: 0px 0px;display: block; width: 76%;}
.expanded-item .written-content .behindsc-wrap p{height: 78px;overflow: hidden;}
.expanded-item .written-content .desc-1 h1 {font-size: 40px;font-weight: bold;text-transform: uppercase;color: #ff7f00;font-family: Rockwell;text-transform: uppercase;}
.expanded-item .written-content .desc-2 a {font-size: 16px;font-weight: bold;text-decoration: underline;color: #E38E3E;cursor: pointer;}
.expanded-item .written-content .desc-2 h3 {font-size: 16px;font-weight: normal;color: #E38E3E;}
.expanded-item .written-content .desc-1 p.summary{font-size: 13px;height: 78px;overflow: hidden;margin-top: 7px;}

.expanded-item .written-content .dot-link{cursor: pointer;position: relative; z-index: 2;}

.ico-gen {display: inline-block; height: 40px; width:40px; }
.ico-gen.calendar{background-image: url(../IMAGES/Icons/calendar.png);}

.carousal-controller{position: absolute; right: 40px;bottom: 25px;z-index: 11;}
.carousal-controller a{height: 15px; width: 15px; display:inline-block;border-radius: 30px; cursor: pointer;margin-left: 6px;border: 2px solid #dc8e3a;}
.carousal-controller a:hover{opacity: 0.7;transition: .5s;}
.carousal-controller a.active{background-color: #dc8e3a;box-shadow: none;}

/*** Behind the Scenes ***/
.behind-the-scenes{display: none;position: relative;height: 90vh;top: 0px; left: 0px; z-index: 2001;padding: 50px 0px 0px 160px;width: 90%;overflow: hidden;}
.behind-the-scenes h1{font-family: Rockwell;font-size: 40px;color: #ff7a00;text-transform: uppercase;}
.behind-the-scenes .back{font-size: 13px;cursor: pointer;}
.behind-the-scenes .back:hover{color: #ff7a00;transition: .5s;}
.behind-the-scenes .back:hover span{color: #fff !important;transition: .5s;}
.behind-the-scenes h2{font-size: 20px;padding: 8px 55px;background-image: url(../IMAGES/Icons/masks.png);background-repeat: no-repeat; background-position: 0px 0px; margin-top: 40px;}
.behind-the-scenes .list-container{padding-left: 55px;}
.behind-the-scenes ul{font-size: 12px; color: #ff7a00;margin-bottom: 7px;max-height: 90px;overflow: hidden;-webkit-transition: max-height 0.5s;}
.behind-the-scenes ul:hover{max-height: 700px; -webkit-transition: max-height .5s;}
.behind-the-scenes ul li{display: inline-block; width: 32.5%;}
.behind-the-scenes ul li.head{font-size: 16px;color: #fff;display: block;padding: 10px 0px;}
.behind-the-scenes ul li a{display: inline-block;height: 40px;width: 40px;border-radius: 40px;border: 2px solid #fff;overflow: hidden;}
.behind-the-scenes ul li a img{height: 100%;}
.behind-the-scenes ul li span{vertical-align: top;top: 13px;position: relative;margin-left: 7px;}

/*** Mini Menu ***/
.mini-menu{position: fixed;  border-left: 1px dashed #dc8e3a;top: 110px;left: 100px;z-index: 2015;}
.mini-menu a{
    position: relative;
    float: left;
    clear: left;
    height: 15px;
    width: 15px;
    display: block;
    margin-bottom:  40px;
    margin-left: -8px;
    background-color: #fff;
    border-radius: 15px;
    z-index: 10;
    cursor: pointer;
    font-size: 13px;
    color: #000;
    text-align: center;
    text-decoration: none;
    border: 1px solid #fff;
    line-height: 12px;
}
.mini-menu a label{
    position: absolute;
    /*display: none;
    height: 15px;
    border-radius: 3px;
    padding: 3px;
    color: #E38E3E;
    background-color: #000;
    box-shadow: 0px 0px 6px #c7c7c7;
    font-size: 12px;
    text-align: left;
    white-space: nowrap;
    margin-top: -3px;
    margin-left: 20px;*/
    font-size: 12px;
    font-family: Rockwell;
    text-align: right;
    margin-left: -95px;
    width: 80px;
    color: #fff;
}


/*** Mini Menu ***/
.mini-menu a:last-child{margin-bottom: 0px;}
.mini-menu a:hover:after{content: '\003c';transition: .5s;}
.mini-menu a.active{background-color: #000;color: #dc8e3a;border: 2px solid #dc8e3a;margin-left: -9px;}
.mini-menu a.active label{color: #f39636;}
.mini-menu a.active:after{content:'\003c';}


/*** Close ***/
.close-container-fixed{position: fixed;width: 74%;height: 40px;z-index: 10;text-align: right;padding-right: 12px;top:50px; margin-left: -15px;}
a.close{font-size: 14px;font-weight: bold;color: #fff;cursor: pointer;z-index: 100;opacity: .6;transition: 0.5s;border: 2px solid #fff;height: 32px;width: 32px;display: inline-block;border-radius: 32px;text-align: center;line-height: 30px;background-color: #000;}
a.close:after{content: '\2715';}
a.close:hover{opacity: 1;}


/** Menu Trigger **/
a.menu-trigger{position: fixed; display: block;padding: 7px;border: 2px solid #fff;background-color: #000;opacity: .6;display:none;bottom: 20px; right: 20px;border-radius: 4px;cursor: pointer;}
a.menu-trigger span{display: block; height: 5px;background-color: #fff;width: 30px;margin-bottom: 5px;}
a.menu-trigger span:last-child{margin-bottom: 0px;}
a.menu-trigger:hover{opacity: 1; transition: 0.5s;}

/*** Curtain ***/
.curtain{position: fixed;height: 100%; width: 0;top: 0px; left: 0px;z-index: 2000;background-image: url(../IMAGES/curtain.png);background-repeat: no-repeat; background-size: cover;}
.dark-overlay{position: fixed;height: 100%; width: 100%;top: 0px; left: 0px;z-index: 1998;background-color: #000; display: none;}
.audience{position: fixed;height: 100%; top: 0px; right: 0px;z-index: 1999;background-image: url(../IMAGES/audience.png);background-repeat: no-repeat;background-size: cover;display: none;}
.dark-overlay.grey-flood{background-color: #333;transition: .5s;}

/*** Miscelleneous ***/
.colorE38E3E{color: #E38E3E;}
.focusarea{position: fixed; top: 150px; height: 100px; border: 1px solid red;width: 100%;}
.auto-height{height: auto !important; animation: slide 1s forward;}
.font-16{font-size:  16px;}
.font-20{font-size:  20px;}
.col35{width: 29.5%; display: inline-block;vertical-align: top;}
.col65{width: 55.5%; display: inline-block;vertical-align: top;}
.col10{width: 9.5%; display: inline-block;vertical-align: top;}
.margintop-10{margin-top:  10px;}

/*** Animations ***/
@-webkit-keyframes slide {
    100% {height: auto;}
}
@keyframes slide {
    100% {height: auto;}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@media screen and (max-width: 800px) {
    .menu{display:none;}
    ul.tl-main{width: auto;}
    .expanded-view{width: 100%;}
    .close-container-fixed{width: 98%;}
    a.menu-trigger{display: block;transition: 0.5s;}
}
/************************************************ Css for Dropdown List *************************************************/
#LogoutMenu{margin:-7px;}#LogoutMenu ul{list-style: none;text-align:left;padding:0;margin:0px;line-height:1;float:left;}#LogoutMenu > ul {direction:rtl;display: block;z-index:-9999;top: 0px;left: 0px;}#LogoutMenu:after,#LogoutMenu > ul:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#LogoutMenu.align-right > ul > li{float:left;font-family:arial,helvetica;}#LogoutMenu.align-center ul {text-align: center;}#LogoutMenu.align-center ul ul {text-align: left;}#LogoutMenu > ul > li {display: inline-block;position: relative;padding:0;}#LogoutMenu > ul > #LogoutMenu-button {display: none;}#LogoutMenu ul li a{display: block;text-decoration: none;line-height:25px;font-family:Segoe UI,helvetica,Arial Narrow, Arial, sans-serif;}
#LogoutMenu > ul > li > a{font-size: 14px; padding:10px 18px;color:#555555; outline:none;-webkit-transition: color 1s ease-out;-moz-transition: color 1s ease-out;-ms-transition: color 1s ease-out;-o-transition: color 1s ease-out;transition: color 1s ease-out;}#LogoutMenu > ul > li.has-sub > a {padding-right: 32px;}#LogoutMenu > ul > li:hover > a {color: #555555;}#LogoutMenu li.has-sub::after {display:block;content: "";position: absolute;width: 0;height: 0;}
#LogoutMenu > ul > li.has-sub::after{right:13px;top:20px;border:6px solid transparent;border-top-color: #FA9121;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#LogoutMenu > ul > li:hover::after{border-top-color: #F2F2F2;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#LogoutMenu ul ul{position: fixed;left: -9999px;top:-200px;margin-top:1px;margin-left:-10px;min-width:175px;max-width:300px;text-align:center;border:1px solid #808080;border-width:thin;background-color: rgba(0,0,0,.6);box-shadow: 0 0 5px rgba(0,0,0,.6); border-radius:2px;opacity:1;-webkit-transition: opacity .1s ease, top .1s ease;-moz-transition: opacity .1s ease, top .1s ease;-ms-transition: opacity .1s ease, top .1s ease;-o-transition: opacity .1s ease, top .1s ease;transition: opacity .1s ease, top .1s ease;transition: all .5s ease;z-index: 9999;}
#LogoutMenu ul ul li{position: relative;}#LogoutMenu > ul > li:hover > ul{left: auto;top:33px;opacity:1;}
#LogoutMenu.align-right > ul > li:hover > ul{left: auto;right: 0;opacity: 1;}#LogoutMenu ul ul li:hover > ul{left:1px;top: 0;opacity: 1;}#LogoutMenu.align-right ul ul li:hover > ul{left: auto;right:0px;top: 0;opacity: 1;padding-right: 5px;}
#LogoutMenu ul ul li a{width:auto;text-align:left;padding: 0 10px 0 20px;  font-family:Segoe UI,helvetica,Arial Narrow, Arial, sans-serif;font-size: 14px;line-height:35px;outline:none;color:#101010;background: #FFFFFF;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#LogoutMenu.align-right ul ul li a{text-align: right;}#LogoutMenu ul ul li:hover > a{color:#FFFFFF;font-weight:500;background-color: rgba(0,0,0,.6)}
/*----------------------Pining-------------------*/
#LogoutMenu > ul > li > ul::after{content: '';border:6px solid transparent;width:1px;height:0;border-bottom-color:#F2F2F2;position: absolute;top: -12.2px;left:152px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#LogoutMenu.align-right > ul > li > ul::after{left: auto;right:30px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
#navHeader{width:auto;height:55px;margin:0px;background-color: rgba(0,0,0,.8);border-bottom:1px solid #ffad54;border-bottom-width:thin}
.Contents{background-image: url(../IMAGES/bk.jpg);background-size: cover;position:fixed;top:0px;height: 100%;width: 100%;}
.InputDetailsTextBox{min-width:225px;height:35px;padding-left:5px;border:1px solid #3B67B2;outline-color:#ADC845;border-radius:2px;-webkit-transition:ease-out .5s;-moz-transition:ease-out .5s;-o-transition:ease-out .5s;-ms-transition:ease-out .5s;transition: ease-out .5s;}
.InputDetailsTextBox:hover {box-shadow: 0 0 10px rgba(31, 73, 125, 0.9);}
.MyDashboardTextBoxAction{font-size:18px;font-weight:700;color:rgba(31, 73, 125, 0.9);float:left;padding:15px 0 0 20px;}
#DivAdminDashboard{width:1000px;margin:35px auto}.DivClear{clear:both;}.DivDashBoardCss{width:350px;height:100px;float:left;margin:5px;font-size:24px;font-weight:700;outline:none;background:#F9F9F9;border:1px solid #C2C2C2;}
.MyDashboardMenu{height:auto;width:300px;color:rgba(31, 73, 125, 0.9);font-size:19px;font-weight:700;background-color:#FFF;text-align:left;box-shadow: 0 0 4px #FC8312;border:0px solid #FC8312;border-width:thin;border-radius:2px;cursor:pointer;text-decoration:none;}
#DivMyDashboard{width:1000px;margin:35px auto}.DivClear{clear:both;}.DivDashBoardCss{width:350px;height:100px;float:left;margin:5px;font-size:24px;font-weight:700;outline:none;background:#F9F9F9;border:1px solid #C2C2C2;}
.DivDashboardHeader{width:960px;margin:110px auto;clear:both;}
.CssDivStep {float: left;text-align:center}.StepButtonCss {width: 65px; height: 65px; background-color: transparent; border: none; font-size: 26px; font-weight: 800; color: #FFFFFF;cursor:pointer;outline:none;}.ActiveStepCss{width:55px; height: 55px;margin:16px auto -10px auto; background-color: transparent; border: none; outline: none; font-size: 26px; font-weight: 800; color: #FFFFFF; cursor:not-allowed;}
.ActiveStepDiv{float: left; border: 3px solid #AEC946; width: 70px;background:#AEC946; height:70px; border-radius: 100px;}
.InputTextCss {min-width:200px;height:30px;background-color:transparent;color:#F2F2F2;padding-left:5px;box-shadow: 0 0 2px #FC8312;border-width:medium;outline:#ffad54;border-radius:2px;-webkit-transition:ease-out .5s;-moz-transition:ease-out .5s;-o-transition:ease-out .5s;-ms-transition:ease-out .5s;transition: ease-out .5s;}
.InputTextCss:hover {box-shadow: 0 0 5px #FC8312;outline:#ffad54}.LoginButton {width: 358px;height:40px;background:#FA9121;font-size:19px;color:#F2F2F2;border-radius:2px;border:none;outline:none;cursor:pointer;}
.LoginButton:hover{box-shadow: 0 0 5px rgba(31, 73, 125, 0.1);background:#FC8312;border:none;}
.UniversalButton{min-width:100px;min-height:30px;max-height:40px;border-radius:2px;border:none;font-size:14px;background-color:#FA9121;color:#fff;text-align:center;font-weight:600;cursor:pointer;outline:none;padding:8px;}
.UniversalButton:hover{background:#FC8312;color:#fff;box-shadow: 0 0 5px rgba(31, 73, 125, 0.1)}
/* ----------------------------------- Css for PopUp -------------------------------------*/
.modalBackground{background-color:rgb(248, 247, 247);filter: alpha(opacity=50);opacity: 0.8;}
.modalPopup{background-color:#F2F2F2;font-size:14px;color:#ffad54;padding:10px;border:5px solid #101010; border-width:medium;border-radius:5px;box-shadow: 0 0 0.5px rgba(31, 73, 125, 0.8);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease; transition:all 1s ease;}
#btnRemove{width:20px;height:20px;font-size:18px;font-family:Arial Black;margin-right:4px;color:#F2F2F2;cursor:pointer;text-align:center;outline:none;float:right;border:none;}
.DivPopupContent{width:auto;max-width:755px;min-height:35px;max-height:150px;overflow: auto;padding:2px 7px;background-color: rgba(0,0,0,.6);color:#ffad54;border-radius:2px;margin-right:5px;}
.PopUpLargeContentTextBox{min-width:400px;max-width:755px; min-height: 30px; max-height: 300px; overflow: auto; padding: 2px 7px; background: #FFFFFF; color: #000000; border-radius: 2px;margin-right:5px;}
.TDCss{text-align:right;font-size:20px;font-weight:700;color:#808080;padding-right:20px;}
.PopupHeaderStyle{height:35px;margin:-1px -1px 0px -1px;background: #101010;color:#ffad54;border-radius:5px 5px 0 0px;}
.SubscriptionBox{width:360px;margin:auto;border:1px solid #FC8312;border-width:medium; background:#FFFFFF;border-right: none; border-radius:17px; box-shadow: 0 0 10px rgba(31, 73, 125, 0.9); clear:both}
#btnSubscriptiom {width:70px; height:31px;margin-top:-1px;float:right;font-size:14px;font-weight:600;border:none;border-radius:0 16px 16px 0;background:#FC8312;color: #F2F2F2; cursor: pointer;outline:none}
.UserProfileImg {background-image: url('../IMAGES/DefaultProfileImage.png');}